<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Message</title>
  <link rel="stylesheet" href="../css/public.css">
  <link rel="stylesheet" href="../font/iconfont.css">
  <link rel="stylesheet" href="../css/message.css">
  
</head>
<body>

  <!-- header start -->
  <header>
    <div class="top">
      <h1 class="logo"><img src="../img/logo_w.png" alt=""></h1>
      <div class="top_right" style="display: flex;">
        <em class="login a">登录</em>
        <em class="register b">注册</em>
      </div>
      <!-- <div class="selection" style="height: 100%; background-color: red;position: relative;">
        <div class="people">
          <div class="iconfont icon-gerenfill touxiang"></div>
          <span class="triangle"></span>
        </div>
        <ul style="display:none">
          <li><span class="iconfont icon-zerenren"></span>个人主页</li>
          <li><span class="iconfont icon-31gouwuche"></span>购物车</li>
          <li><span class="iconfont icon-tuichu"></span>退出登录</li>
        </ul>
      </div> -->
    </div>
  </header>


  <!-- nav start -->
  <nav>
    <ul>
      <li><a href="./index.html">首&nbsp;&nbsp;页</a></li>
      <li><a href="./introduce.html">店铺介绍</a></li>
      <li><a href="./news.html">宠物资讯</a></li>
      <li><a href="./product.html">宠物产品</a></li>
      <li><a href="./message.html" class="current">客户留言</a></li>
    </ul>
  </nav>

  <!-- main start  -->
  <main>
    <div class="message">
      <div class="m_left">
        <div class="b_title">
          <h4>Messages</h4>
          <h5>在线留言</h5>
        </div>
        <b>Nature Essence Gift of Life</b>
        <div class="b_txt">
          <p>感谢您对XX宠物集团的关注</p>
          <p>如果您有更好的建议或任何问题</p>
          <p>可通过提交留言告诉我们，以便我们更好的为您提供更优质的服务。</p>
        </div>
        <div class="l_pic">
          <img src="https://pets-1044507-pic27.websiteonline.cn/upload/h1-img-3.jpg" alt="">
          <img src="https://pets-1044507-pic27.websiteonline.cn/upload/h1-img-4.jpg" alt="">
        </div>
      </div>
      <div class="m_right">
        <p>欢迎您反馈任何问题、担忧和意见，您也可以就以上问题咨询我们的客服人员</p>
        <h3>服务热线：400-X0000000</h3>
        <div class="pp">
          <div class="self">
            <p>姓名</p>
            <input type="text">
          </div>
          <div class="self">
            <p>电话</p>
            <input type="text">
          </div>
          <div class="self">
            <p>邮箱</p>
            <input type="text">
          </div>
          <div class="self">
            <p>留言</p>
            <input type="text">
          </div>
        </div>
        <input type="submit" value="SUMBIT 提交">
      </div>
  </main>

  <!-- footer start -->
  <footer>
    <div class="footerbg">
        <div class="f-top">
          <ul>
            <li>首页</li>
            <li>店铺介绍</li>
            <li>宠物资讯</li>
            <li>宠物产品</li>
            <li>客户留言</li>
          </ul>
        </div>
        <div class="f-mid">
            <p>Copyright©2002-2015 上海XXX科技有限公司 版权所有 Power by DedeCms</p>
        </div>
        <div class="f-bottom">
            <p>电话：0755-61881808</p>
            <p>邮箱：483957329@qq.com</p>
            <p>地址：上海第二工业大学（宝山校区）</p>
        </div>
    </div>
  </footer>
</body>
<script src="../js/module/lazyLoad/a.js" type="module"></script>
</html>